<template>
    <div class="box">
        <div class="logo">
            <img src="../../assets/logo.png" alt="">

            <p><van-loading size="24px">加载中...</van-loading></p>
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const noticeBar = ref(localStorage.getItem('noticeBar'));
const router = useRouter();
console.log(noticeBar.value);

setTimeout(() => {
    noticeBar.value = "true"
    localStorage.setItem('noticeBar', noticeBar.value)
    router.push('/home')
}, 1000)

</script>

<style>
.box {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: rgb(255, 255, 255);
}

.logo {
    width: 10rem;
    height: 10rem;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.munt {
    width: 100%;
    height: 736px;
    background-color: #f7f7f7;
}

.top {
    width: 100%;
    height: 125px;
    margin-top: 15px;
    background-color: white;

    div {
        float: left;
        width: 40%;
        margin-left: 20px;
        text-align: center;
        font-size: 22px;

        p:nth-child(1) {
            font-size: 28px;
        }

        p:nth-child(2) {
            font-size: 15px;

        }
    }
}

.middle {
    width: 100%;
    height: 80px;
    background-color: #fdfdfd;

    div {
        height: 72px;
        width: 90%;
        margin-left: 14px;
        ;
        background-color: #f7f7f7;
        line-height: 30px;
        font-size: 14px;

        p {
            margin-left: 10px;
            color: #999999;
        }
    }
}


.nutx {
    width: 100%;
    height: 412px;
    background-color: #fdfdfd;
    margin-top: 10px;

    .nutx-first {
        margin-top: 10px;

        span:nth-child(1) {}

        span:nth-child(2) {
            margin-left: 220px;
            color: #999999;
        }
    }

    .nutx-sented {
        width: 100%;
        height: 212px;
    }

    .nutx-threes {
        width: 96%;
        font-size: 15px;
        background-color: #f7f7f7;
        margin-left: 13px;
        line-height: 22px;
        color: #666666;
    }

}



.button {
    width: 100%;
    height: 142px;
    background-color: #fdfdfd;

    div {
        .left {
            width: 89px;
            height: 71px;
            float: left;

        }

        .right {
            width: 310px;
            height: 88px;
            float: left;
            margin-left: 6px;
            line-height: 25px;

            p:nth-child(1) {

                font-size: 16px;
            }
        }
    }
}

</style>

<!-- <style scoped lang="scss">




</style> -->